<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
		<link rel="stylesheet" href="docs/css/bootstrap-3.3.2.min.css" type="text/css">
        <link rel="stylesheet" href="docs/css/bootstrap-example.css" type="text/css">
        <link rel="stylesheet" href="docs/css/prettify.css" type="text/css">

        <script type="text/javascript" src="docs/js/jquery-2.1.3.min.js"></script>
        <script type="text/javascript" src="docs/js/bootstrap-3.3.2.min.js"></script>
        <script type="text/javascript" src="docs/js/prettify.js"></script>

        <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css">
        <script type="text/javascript" src="dist/js/bootstrap-multiselect.js"></script>
        <script type="text/javascript" src="dist/js/bootstrap-multiselect-collapsible-groups.js"></script>
		<link rel="stylesheet" href="search/laydate.css" type="text/css">
        <script src="search/laydate.js"></script>
		<script src="jqSearchBar.js"></script>
</head>
<body>
	<p></p>
</body>
<script type="text/javascript"> 
	        $("p").jqSearchBar({
	        	height:600,
	        	width:1700,
	        	datatype:"json",
	        	colModel:[
	        		{name:"inp",des:"美酒",type:"select",matchtype:"=",url:"https://api.readhub.me/topic?lastCursor=40427&pageSize=20",width:200},
	        		{name:"inp2",des:"美酒2",type:"select",matchtype:"=",url:"https://api.readhub.me/topic?lastCursor=40513&pageSize=20",width:200},
	        		{name:"inp4",des:"美酒4",type:"date",matchtype:"=",width:200},
	        		{name:"inp3",des:"美酒3",type:"input",matchtype:"=",width:200},
	        		{name:"inp3",des:"美酒3",type:"date",matchtype:"=",width:200},
	        		{name:"inp3",des:"美酒3",type:"select",matchtype:"=",url:"https://api.readhub.me/topic?lastCursor=40513&pageSize=20",width:200}
	        	]
	        })
</script>
</html>
